<template>
  <ul class="tabs-nav">
    <li>系统设置</li>
    <li>工艺流程</li>
    <li>一键切换</li>
    <li>权限登录</li>
    <li>报警信息</li>
    <li>运行记录</li>
    <li>综合查询</li>
    <li>打操作票</li>
    <li>AI视频调用</li>
    <li>AI注销用户</li>
    <li>关于系统</li>
  </ul>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.tabs-nav {
  width: 100%;
  height: 0.5rem;
  display: flex;
  border-bottom: 5px solid #0a5cb7;
  box-shadow: 2px 2px 5px #0a5cb7;
  li {
    flex: 1;
    text-align: center;
    line-height: 0.5rem;
    color: #fff;
    background: url(../../../assets/images/img83.png) no-repeat;
    background-size: cover;
    cursor: pointer;
  }
  li:hover {
    background: url(../../../assets/images/img82.png) no-repeat;
    background-size: 100% 100%;
  }
}
</style>